<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="	width=100%;
								initial-scale=1;
								maximum-scale=1;
								minimum-scale=1;
								user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<%
String base = (String) request.getAttribute("cartBase");
%>
<object id="base" style="display: none;"><%=base %></object>
<title>qububu菜管家</title>
<link rel="stylesheet" charset="utf-8" href="<%=request.getContextPath()%>/resource/css/phoneShowSelectedGoods.min.css">
<link rel="stylesheet" charset="utf-8" href="<%=request.getContextPath()%>/resource/css/phoneGoodsItem.min.css">
<link rel="stylesheet" charset="utf-8" href="<%=request.getContextPath()%>/resource/css/phoneGoodsBuyer.min.css">
<script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/jquery/jquery-1.8.2.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/jquery/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/constants.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/phoneGoodsItems.min.js"></script>
</head>
<body>
<div id="content">
	<div style="width: 100%;" id="goodsItems">
		<div class="header" id="home-header">
			<div class="types" id="types">
				<ul>
					<li id="vegetableItem">素菜</li>
					<li id="meatItem" class="active">荤菜</li>
					<li id="soupItem">汤</li>
					<li id="specialityItem">土特团</li>
				</ul>
			</div>
		</div>	
		<div id="goodsContentBox">
			<div id="meatContentBox" class="goodsItemContentBox">
				<div class="alert_message_box">
					<img src="<%=request.getContextPath() %>/resource/images/androidOrder/lazyLoad.gif" alt="loading..." />
				</div>
			</div>
			<div id="vegetableContentBox" class="goodsItemContentBox"></div>
			<div id="soupContentBox" class="goodsItemContentBox"></div>
			<div id="specialityContentBox" class="goodsItemContentBox"></div>
		</div>
		
		<div class="toolbar">
			<a class="mybtn" id="before-submit" href="javascript:void(0)" hidefocus="true">请先选单</a>
			<div class="mybtn" id="cartMessageBox" style="display: none;cursor: pointer;">
				<div style="font-size: 13px; line-height: 16px; height: 19px;"><span id="cartMessageCount">0</span>份，共<span id="cartMessageAmount">0</span>元</div>
				<div style="font-size: 16px; line-height: 16px; height: 16px;">点击下单</div>
			</div>
		</div>
	</div>
	
	<div id="order-container" class="container">
		<div class="confirmation-form">
			<div class="confirmation-header">
				<span>订单确认</span>
			</div>
			<div class="confirmation-list" id="item-list">
				<div class="dotted-divider" style="width: 105.263157894737%; margin-left: -2.9%;"></div>
				<ul>
				</ul>
				<div class="total-info">
					<span>
						运费	:
						<span>0</span>
						元，共
						<span>&yen;&nbsp;<span id="totalBox">0.00</span></span>
						元
					</span>
				</div>
			</div>
		</div>
		<div class="toolbar">
			<a class="back" id="back" href="javascript:void(0)"><img src="<%=request.getContextPath()%>/resource/images/androidOrder/back.png" /></a>
			<a class="mybtn next" href="javascript:void(0)" id="next">
				<span style="display: block; height: 39px; font-size: 1.2em;">下一步</span>
			</a>
		</div>
	</div>
	<div id="buyer-container" class="container">
		<div class="confirmation-form">
			<div class="confirmation-header">
				<span>信息</span>
			</div>
			<div class="confirmation-list" id="buyer-list">
				<div class="dotted-divider" style="width: 105.263157894737%;margin-left: -2.9%;"></div>
			</div>
			<form class="delivery-info" id="buyerMessageForm" action="" method="post">
				<span class="line">
						<label for="username">姓名：</label>
						<input type="text" name="buyerName" id="username" placeholder="建议使用微信名称" value="" required>
				</span>

				<span class="line">
					<label for="tel">手机：</label>
					<input type="text" name="buyerPhoneNumber" id="tel" placeholder="" value="" required>
				</span>

				<span class="line">
					<label for="addr">地址：</label>
					<!-- <select name="district">
						<option value="泰和佳园" >泰和佳园</option>
					</select> -->
					<input type="text" name="buyerAddr" id="addr" placeholder="" value="" required>
				</span>
				
				<span class="line">
					<label for="orderReceiveDt">收货时间：</label>
					<input type="radio" name="orderReceiveDt" checked="checked" value="today">今天
					<input type="radio" name="orderReceiveDt" value="tomorrow">明天
				</span>

				<span class="line">
					<label for="note">备注：</label>
					<input type="text" name="remark" id="note" placeholder="选填">
					<!-- <input type="hidden" name="code" value=""> -->
				</span>
			</form>
		</div>
		<div class="payment">
			<span>支付方式:</span>
			<div>
				<span class="line" id="cool-payment">
					<span class="radio selected"></span>
					<span class="label">提货后付款</span>
				</span>
			</div>
		</div>
		<div class="toolbar">
			<a class="back" id="buyerBack" href="javascript:void(0)"><img src="<%=request.getContextPath()%>/resource/images/androidOrder/back.png" /></a>
			<a class="next mybtn" href="javascript:void(0)" id="submitOrder">
				<span style="display: block; height: 39px; font-size: 1.2em;">提交订单</span>
			</a>
		</div>
	</div>
	
	<div id="orderMessage" style="display: none;">
		<div class="confirmation-form">
			<div class="confirmation-header">
				<span>订单信息</span>
			</div>
			<div style="width: 100%; height: auto; margin-bottom: 20px;">
				<div class="line">
					<div style="float: left; width: 50%; text-align: right;">您的订单号：</div>
					<div style="float: left; width: 50%; text-align: left;" id="orderNo"></div>
					<div style="clear: both;"></div>
				</div>
				<div class="line">
					<div style="width: 100%; height: 100%; text-align: center; color: orange;">谢谢光临qububu，我们会因您的需要变得更好</div>
					<div style="width: 100%; height: 100%; text-align: center; color: orange;">祝您生活愉快</div>
					<!-- <label>姓名：</label> -->
				</div>
			</div>
		</div>
	</div>
	
	<div id="resource" style="display: none; position: absolute; z-index: -1;">
		<div id="littleLoadingImg" style="display: none;">
			<img src="<%=request.getContextPath() %>/resource/images/androidOrder/littleLoading.gif" alt="loading..." />
		</div>
		<div id="bigLoadingImg" style="display: none;">
			<div class="alert_message_box">
				<img src="<%=request.getContextPath() %>/resource/images/androidOrder/lazyLoad.gif" alt="loading..." />
			</div>
		</div>
	</div>
</div>	
</body>
</html>